{template "content","header"}
<div class="wrap cl mt25 ">      
    <div class="slideBox fl" id="slideBox">
        <div class="hd">
            <UL>
                <LI>1</LI>
                <LI>2</LI>
                <LI>3</LI>
                <LI>4</LI>
                <LI>5</LI>
            </UL>
        </div>
        <div id="slideBox" class="slideBox fl">
            <div class="bd">
                {pc:content  action="position" posid="1" order="listorder DESC" num="5"}
                <UL>
                {loop $data $r}
                    <LI>
                        <A href="{$r[url]}" title="{$r[title]}"><IMG width="520" height="298" src="{thumb($r[thumb],520,298)}"></A>    
                        <P><A title="{$r[title]}" href="{$r[url]}">{str_cut($r[title],40,'')}</A></P>
                    </LI>
                {/loop}
                </UL>
                {/pc}
            </div>
        </div>
    </div>
    <div class="text-box text-bg fr">
        <div class="t-hd cl">
            <H1 class="fl">{$CATEGORYS[14]['catname']}</H1>
            <A class="more" href="{$CATEGORYS[14]['url']}">更多&gt;&gt;</A>
        </div>
        <div class="t-bd t-list">
            <UL>
                {pc:content  action="lists" catid="14" order="updatetime DESC" num="6" return="info"}
                {loop $info $v}
                <LI><SPAN class="date">{date("Y-m-d", $v['inputtime'])}</SPAN><EM class="dot">&gt;</EM><A href="{$v['url']}" title="{$v['title']}">{str_cut($v['title'], 80)}</A></LI>
                {/loop}
                {/pc}
            </UL>
        </div>
    </div> 
</div>

<div class="wrap cl mt5">
    <div class="slideTxtBox w1 fl">
        <div class="hd">
            <span class="more">                    
                <a href="{$CATEGORYS[15]['url']}">更多&gt;&gt;</a>
                <a href="{$CATEGORYS[29]['url']}" style="display: none;">更多&gt;&gt;</a>
            </span>
            <ul>
                <li class="on">
                    <a href="{$CATEGORYS[15]['url']}">{$CATEGORYS[15]['catname']}</a>
                </li>
                <li>
                    <a href="{$CATEGORYS[29]['url']}">{$CATEGORYS[29]['catname']}</a>
                </li>
            </ul>
        </div>
        <div class="bd t-list text-bg no-bd">
            <ul class="cl">
                {pc:content  action="lists" catid="15" order="updatetime DESC" num="6" return="info"}
                {loop $info $v}
                <LI><SPAN class="date">{date("Y-m-d", $v['inputtime'])}</SPAN><EM class="dot">&gt;</EM><A href="{$v['url']}" title="{$v['title']}">{str_cut($v['title'], 80)}</A></LI>
                {/loop}
                {/pc}
            </ul>
            <ul class="cl" style="display: none;">
                {pc:content  action="lists" catid="29" order="updatetime DESC" num="6" return="info"}
                {loop $info $v}
                <LI><SPAN class="date">{date("Y-m-d", $v['inputtime'])}</SPAN><EM class="dot">&gt;</EM><A href="{$v['url']}" title="{$v['title']}">{str_cut($v['title'], 80)}</A></LI>
                {/loop}
                {/pc}
            </ul>
        </div>
    </div>

    <div class="slideTxtBox w1 fr">
        <div class="hd">
            <span class="more">
                <a href="{$CATEGORYS[31]['url']}">更多&gt;&gt;</a>
            </span>
            <ul>
                <li>
                    <a href="{$CATEGORYS[31]['url']}">{$CATEGORYS[31]['catname']}</a>
                </li>
            </ul>
        </div>
        <div class="bd t-list text-bg no-bd">
            <ul class="cl" style="display: none;">
                {pc:content  action="lists" catid="31" order="updatetime DESC" num="6" return="info"}
                {loop $info $v}
                <LI><SPAN class="date">{date("Y-m-d", $v['inputtime'])}</SPAN><EM class="dot">&gt;</EM><A href="{$v['url']}" title="{$v['title']}">{str_cut($v['title'], 80)}</A></LI>
                {/loop}
                {/pc}
            </ul>
        </div>
    </div>
</div>

<div class="wrap cl mt5">
    <div class="slideTxtBox w1 fl">
        <div class="hd">
            <span class="more">                    
                <a href="{$CATEGORYS[33]['url']}">更多&gt;&gt;</a>
            </span>
            <ul>
                <li>
                    <a href="{$CATEGORYS[33]['url']}">{$CATEGORYS[33]['catname']}</a>
                </li>
            </ul>
        </div>
        <div class="bd t-list text-bg no-bd">
            <ul class="cl" style="display: none;">
                {pc:content  action="lists" catid="33" order="updatetime DESC" num="6" return="info"}
                {loop $info $v}
                <LI><SPAN class="date">{date("Y-m-d", $v['inputtime'])}</SPAN><EM class="dot">&gt;</EM><A href="{$v['url']}" title="{$v['title']}">{str_cut($v['title'], 80)}</A></LI>
                {/loop}
                {/pc}
            </ul>
        </div>
    </div>

    <div class="slideTxtBox w1 fr">
        <div class="hd">
            <span class="more">
                <a href="{$CATEGORYS[40]['url']}">更多&gt;&gt;</a>
                <a href="{$CATEGORYS[41]['url']}" style="display: none;">更多&gt;&gt;</a>
            </span>
            <ul>
                <li class="on">
                    <a href="{$CATEGORYS[40]['url']}">{$CATEGORYS[40]['catname']}</a>
                </li>
                <li>
                    <a href="{$CATEGORYS[41]['url']}">{$CATEGORYS[41]['catname']}</a>
                </li>
            </ul>
        </div>
        <div class="bd t-list text-bg no-bd">
            <ul class="cl">
                {pc:content  action="lists" catid="40" order="updatetime DESC" num="6" return="info"}
                {loop $info $v}
                <LI><SPAN class="date">{date("Y-m-d", $v['inputtime'])}</SPAN><EM class="dot">&gt;</EM><A href="{$v['url']}" title="{$v['title']}">{str_cut($v['title'], 80)}</A></LI>
                {/loop}
                {/pc}       
            </ul>
            <ul class="cl" style="display: none;">
                {pc:content  action="lists" catid="41" order="updatetime DESC" num="6" return="info"}
                {loop $info $v}
                <LI><SPAN class="date">{date("Y-m-d", $v['inputtime'])}</SPAN><EM class="dot">&gt;</EM><A href="{$v['url']}" title="{$v['title']}">{str_cut($v['title'], 80)}</A></LI>
                {/loop}
                {/pc}
            </ul>
        </div>
    </div>
</div>

<style type="text/css">
    /* 本例子css */
    .picMarquee-left{ width: ;overflow:hidden; position:relative;  border:1px solid #ccc;   }
    .picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
    .picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
             cursor:pointer; background:url("../images/arrow.png") no-repeat;}
    .picMarquee-left .hd .next{ background-position:0 -50px;  }
    .picMarquee-left .hd .prevStop{ background-position:-60px 0; }
    .picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

    .picMarquee-left .bd{ padding:10px;   }
    .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
    .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picMarquee-left .bd ul li .pic{ text-align:center; }
    .picMarquee-left .bd ul li .pic img{ width:194px; height:150px; display:block; padding:2px; border:1px solid #ccc; }
    .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
    .picMarquee-left .bd ul li .title{ line-height:24px;   }

</style>

<div class="picMarquee-left wrap">
    <!--div class="hd">
        <a class="next"></a>
        <a class="prev"></a>
    </div-->
    <div class="bd">
        <ul class="picList">
            {pc:content  action="lists" catid="80" order="updatetime DESC" num="5" thumb="1"}
            {loop $data $r}
            <li>
                <div class="pic"><a href="{$r[url]}" target="_blank"><img src="{thumb($r[thumb],520,298)}" /></a></div>
            </li>
            {/loop}
            {/pc}
        </ul>
    </div>
</div>


<script type="text/javascript">	
$(function(){
    $("#slideBox").slide({mainCell:".bd ul", effect:"fold", interTime:"8000", delayTime:"1500", autoPlay:true});
    $(".slideTxtBox").slide({ titCell:".hd li", mainCell:".bd", targetCell:".more a", autoPlay:false});
    $(".social-ct a:last").addClass("last");
    
    jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:5,interTime:50,trigger:"click"});
})
</script> 

{template "content","footer"}